Angular-এ NgModules হলো একটি ফ্রেমওয়ার্ক কাঠামো, যা অ্যাপ্লিকেশনের বিভিন্ন ফিচার এবং ফাংশনালিটি সংগঠিত এবং ম্যানেজ করার জন্য ব্যবহৃত হয়। প্রতিটি Angular অ্যাপ্লিকেশন একটি বা একাধিক NgModules-এ বিভক্ত।
প্রাথমিকভাবে, একটি Angular অ্যাপ্লিকেশন সর্বদা AppModule নামে একটি মূল মডিউল নিয়ে শুরু হয়।
NgModule হলো একটি ডেকোরেটর যা একটি ক্লাসকে মডিউল হিসেবে চিহ্নিত করে। এটি Angular অ্যাপ্লিকেশনের কম্পোনেন্ট, ডাইরেক্টিভ, পাইপ, সার্ভিস, এবং অন্যান্য ফিচারগুলিকে সংগঠিত করে এবং মডিউলের মধ্যে নির্ধারণ করে।
import { NgModule } from '@angular/core';
@NgModule({
declarations: [ /* কম্পোনেন্ট, ডিরেক্টিভ, পাইপ */ ],
imports: [ /* অন্যান্য মডিউল */ ],
providers: [ /* সার্ভিস */ ],
bootstrap: [ /* রুট কম্পোনেন্ট */ ]
})
export class AppModule { }
উদাহরণ:
declarations: [
AppComponent,
HelloWorldComponent
]
উদাহরণ:
imports: [
BrowserModule,
FormsModule
]
উদাহরণ:
providers: [
MyService
]
উদাহরণ:
bootstrap: [
AppComponent
]
import { NgModule } from '@angular/core';
import { BrowserModule } from '@angular/platform-browser';
import { AppComponent } from './app.component';
import { HelloWorldComponent } from './hello-world/hello-world.component';
@NgModule({
declarations: [
AppComponent,
HelloWorldComponent
],
imports: [
BrowserModule
],
providers: [],
bootstrap: [AppComponent]
})
export class AppModule { }
AppModule
নামে পরিচিত।UserModule
, AdminModule
ইত্যাদি।SharedModule
।Angular CLI ব্যবহার করে নতুন মডিউল তৈরি করতে:
ng generate module user
import { NgModule } from '@angular/core';
import { CommonModule } from '@angular/common';
import { UserComponent } from './user.component';
@NgModule({
declarations: [
UserComponent
],
imports: [
CommonModule
],
exports: [
UserComponent
]
})
export class UserModule { }
AppModule
এ UserModule
ইমপোর্ট করতে হবে:
import { UserModule } from './user/user.module';
@NgModule({
imports: [
BrowserModule,
UserModule
]
})
export class AppModule { }
Angular-এ NgModules অ্যাপ্লিকেশনকে সুসংগঠিত এবং ম্যানেজযোগ্য রাখে, যা ডেভেলপমেন্ট প্রক্রিয়াকে আরও সহজ এবং কার্যকর করে তোলে।
Read more